<template>
  <div id="mytab">
      <van-tabbar route  active-color="#1279c5" inactive-color="#000">
        <van-tabbar-item to="/home" icon="shouye" icon-prefix='icon'>首页</van-tabbar-item>
        <van-tabbar-item to="/cate" icon="fenlei" icon-prefix='icon'>分类</van-tabbar-item>
        <van-tabbar-item to="/cart" icon="shiwu-gouwuche" :badge="$store.state.Cart.goodsNumber" icon-prefix='icon'>购物车</van-tabbar-item>
        <van-tabbar-item to="/user" icon="wode-wode" icon-prefix='icon'>我的</van-tabbar-item>
      </van-tabbar>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
#mytab{
  position: fixed;
  left: 0;
  z-index: 9999999999999999999;
  bottom:0;
  /deep/ .van-hairline--top-bottom.van-tabbar.van-tabbar--fixed {
    height: 0.9rem;
    box-shadow: 0rem 0rem 0.02rem #999;
  }
  /deep/ .icon{
    font-size: 20px;
  }
}
</style>
